<template>
  <el-config-provider :locale="zhCn">
    <router-view />
  </el-config-provider>
</template>
<script setup lang="ts">
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

</script>
<style lang="scss">
@import "./style/demo.scss";

#app {
  height: 100%;
  min-width: 1360px;
  min-height: 716px;
}

body,
html {
  height: 100%;
  width: 100%;
}

* {
  margin: 0;
  padding: 0;
}

.el-select,
.el-input {
  width: 9.35vw !important;
}

.el-range-editor.el-input__wrapper {
  width: 15.27vw !important;
}

.el-menu {
  background-color: transparent !important;
  border-right: none !important;


  .el-sub-menu__title {
    color: rgba(255, 255, 255, 0.9) !important;
  }

  .el-menu-item:hover {
    background: none !important;

  }

  .el-menu-item {
    background: none;
    color: rgba(255, 255, 255, 0.9) !important;
    height: 36px !important;
    margin-top: 10px;
  }

  .el-menu-item.is-active {

    width: 200px;
    height: 36px;
    background: #1878FF !important;
    border-radius: 3px;

    .size {
      color: #fff !important;
    }
  }

  .el-menu:not(.el-menu--horizontal) .el-menu-item:hover,
  .el-menu:not(.el-menu--horizontal) .el-sub-menu__title:hover,
  .el-sub-menu__title:hover {
    background-color: transparent !important;
    /* 或者设置为你想要的颜色 */

  }
}

.el-tooltip__trigger:focus-visible {
  outline: unset;
}

.el-tooltip__trigger {
  cursor: pointer;
}

.success {
  color: #00B42A;
  font-size: 12px;
  cursor: pointer;
}

.edit {
  color: #1878FF;
  font-size: 12px;
  cursor: pointer;
}

.error {
  color: #F53F3F;
  font-size: 12px;
  cursor: pointer;
}

.el-drawer__title {
  color: rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-weight: 700;
}

.el-drawer__header {
  padding-bottom: 16px !important;
  margin-bottom: 0px !important;
  border-bottom: 1px solid #E7E7E7;
}

.inlet {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;

  .size {
    color: rgba(0, 0, 0, 0.9) !important;
  }
}

.el-tree {
  background-color: transparent !important;

  .is-checked {
    .el-tree-node__label {
      color: #1878FF !important;
    }
  }
}

.el-menu .el-menu-item.is-active {
  width: auto !important;
}

.el-date-picker__editor-wrap {
  .el-input {
    width: auto !important;
  }
}

.el-table__inner-wrapper {
  border: 1px solid #E7E7E7 !important;
  border-bottom: none !important;
}

.el-dialog {
  border-radius: 9px !important;
}

.headTips {
  width: calc(100% - 48px);
  background: rgba(24, 120, 255, 0.06);
  border-radius: 6px 6px 0px 0px;
  padding: 12px 24px;
  color: rgba(0, 0, 0, 0.9);
  font-size: 15px;

  .isClose {
    width: 20px;
    height: 100%;
    cursor: pointer;
  }

  .line {
    background: #1878FF;
    width: 4px;
    height: 16px;
    margin-right: 8px;
  }
}

.formBox {
  background: rgba(24, 120, 255, 0.02);
  border-radius: 0px 0px 6px 6px;
  padding: 12px 24px;
  width: calc(100% - 48px);
  margin-top: 8px;
}

.formArrow {
  color: rgba(0, 0, 0, 0.9);
  font-size: 15px;
  margin-left: 10px;

  img {
    width: 9px;
    height: 10px;
    margin-right: 8px;
  }
}

.segment {
  border: 1px solid #E3E8F0;
  width: 60%;
  margin-left: 20%;
  margin-top: 30px;
}

.el-table-fixed-column--right {
  right: -1px !important;
}

.el-transfer-panel__body {
  .el-checkbox__label {
    font-size: 12px !important;
    overflow: visible !important;
  }
}

.success_btn {
  width: 49.5%;
  height: 54px;
  border-radius: 6px;
  border: 1px solid #00B42A;
  background: rgba(0, 180, 42, 0.04);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00B42A;
  font-size: 22px;
}

.default_btn {
  width: 49.5%;
  height: 54px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.0392);
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(0, 0, 0, 0.4);
  font-size: 22px;
}
.default_btn1 {
  width: 49.5%;
  height: 54px;
  border-radius: 6px;
  border: 1px solid #000;
  background: rgba(0, 0, 0, 0.0392);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 22px;
}
.error_btn {
  width: 49.5%;
  height: 54px;
  border-radius: 6px;
  border: 1px solid #F53F3F;
  background: rgba(245, 63, 63, 0.04);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #F53F3F;
  font-size: 22px;
}

.formSelected {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 54px;
}
.formError{
 width: 22px;
 height: 22px;
}

.el-transfer-panel {
  width: 350px !important;
}

.normal_status {
  background: rgba(84, 241, 175, 0.15);
  // width: 46px;
  width: fit-content;
  height: 20px;
  font-size: 12px;
  color: #2BA471;
  padding: 0px 5px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-left: 5px;

  .normal_img {
    width: 15px;
    height: 15px;
    margin-right: 5px;

  }
}

.abnormal {
  background: rgba(250, 81, 81, 0.15);
  width: fit-content;
  height: 20px;
  font-size: 12px;
  color: #FA5151;
  padding: 0px 5px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-left: 5px;

  .normal_img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }
}

.noRead_status {
  background: #FFF8C6;
  width: fit-content;
  height: 20px;
  font-size: 12px;
  color: #FF8F1F;
  padding: 0px 5px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-left: 5px;

  .normal_img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }
}

.status_img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.success_status {
  width: fit-content;
  height: 20px;
  font-size: 12px;
  color: #2BA471;
  padding: 0px 5px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.pause_status{
  width: fit-content;
  height: 20px;
  font-size: 12px;
  color: #999999;
  padding: 0px 5px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.settle_status{
  width: fit-content;
  height: 20px;
  font-size: 12px;
  color: #13C2C2;
  padding: 0px 5px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.extension_status{
  width: fit-content;
  height: 20px;
  font-size: 12px;
  color: #5162FA;
  padding: 0px 5px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.noRead_status1{
  width: fit-content;
  height: 20px;
  font-size: 12px;
  color: #FAA351;
  padding: 0px 5px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.compensation_status{
  width: fit-content;
  height: 20px;
  font-size: 12px;
  color: #FA541C;
  padding: 0px 5px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.abnormal_status{
  width: fit-content;
  height: 20px;
  font-size: 12px;
  color: #FA5151;
  padding: 0px 5px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
//在全局设置
input[aria-hidden=true]{
    display: none !important;
}

// .el-popper.is-light{
//   background: #242424 !important;
// }</style>
